<%@ Page Language="C#" MasterPageFile="~/Common/WebSiteMaster.master" AutoEventWireup="true" CodeBehind="C_DHTMLIntro.aspx.cs" Inherits="ScottCateAjax2008.Lesson01.C_DHTMLIntro" Title="DHTML Intro" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <script type="text/javascript" language="javascript">
    <!--
    //Prototypes - add substitue function
    String.prototype.substitute = function(was, becomes) {
        return this.split(was).join(becomes);
    }

    function ChangeMe(target, onName, offName) {
        if(typeof(target)!='object') { return;  }
        var current = target.src.split('.')[0].split('/');
        current = current[current.length-1];
        if(current == onName)
	        target.src = target.src.substitute(onName,offName);
        else
	        target.src = target.src.substitute(offName,onName);
    }
    //-->
	</script>

	<div style="DISPLAY:none;VISIBILITY:hidden">
		<!-- preload images -->
		<img src="/common/images/ArrowLeft.gif" border="0" runat="server" ID="ImgPreload1">
		<img src="/common/images/ArrowRight.gif" border="0" runat="server" ID="ImgPreload2">
	</div>
	<div>
		<img onclick="ChangeMe(this,'ArrowLeft','ArrowRight')" src="/common/images/ArrowLeft.gif" border="0">
    </div>

</asp:Content>









